{% extends "base.html" %}
{% import "bootstrap/wtf.html" as wtf %}
{% import "_macros.html" as macros %}
{% import "_my_wtf_macros.html" as my_wtf_macros %}
{% import "user/partial/bind_user_table.html" as user_table_macro %}

{% block title %}万屏时代OPC--已加好友用户列表{% endblock %}

{% block panel_heading %}
  万屏时代OPC--已加好友用户列表
{% endblock %}

{% block panel_body %}

    <form id="search-user-form" action="{{ url_for('op_bp.bind_users') }}" method="post" class="form" role="form">
        {{ my_wtf_macros.form_field(form.bind_user_id, div_col=4, label_col=4, field_col=7) }}
        {{ my_wtf_macros.form_field(form.bind_date, div_col=4, label_col=4, field_col=7) }}
        <div class="clearfix visible-xs-block visible-sm-block visible-md-block visible-lg-block"></div>
        <div class="pull-right btn-group">
            <button type="submit" class="btn btn-info"
                    id="query-demand-btn">
                查询
            </button>
        </div>
    </form>

    {% if pagination %}
    <div class="pagination">
        {{ macros.pagination_widget(pagination, 'op_bp.bind_users', **url_kwargs) }}
    </div>
    {% endif %}

    {{ user_table_macro.gen_table(users) }}


    {% if pagination %}
    <div class="pagination">
        {{ macros.pagination_widget(pagination, 'op_bp.bind_users', **url_kwargs) }}
    </div>
    {% endif %}

{% endblock %}